<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link rel="stylesheet" type="text/css" href="drag.css">
    <link rel="stylesheet" type="text/css" href="/assets/lib/jquery/jquery-ui.css">
    <script type="text/javascript" src="/assets/js/def.js"></script>
    <script type="text/javascript" src="index.js"></script>
    <script type="text/javascript" src="/assets/lib/jquery/jquery-ui.js"></script>
  </head>
  <body>
    <div class="w800 h600 l-box l-abs" id="box">ck gucci</div>
    <div class="w800 h600 l100 t100 l-box l-abs" id="box2">
      <h3 id="header2">ck gucci</h3>
      <pre>
        drag(document.getElementById('box'), function() {
          log(i++);
        })
      </pre>
    </div>
    <script>
      var i = 0;
      var j = 0;
      drag(document.getElementById('box'), function() {
        log(i++);
      })
      drag(document.getElementById('box2'), function() {
        log(j++);
      }, document.getElementById('header2'))
    </script>
  </body>
</html>
